<%--
  Created by IntelliJ IDEA.
  User: ylq
  Date: 2017/6/12
  Time: 17:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!---------主体------------------>
<div class="container">
    <!--声明行-->
    <div class="row">
        <!--为3的栅格系统，相对于一行放四个-->
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
    </div>

    <div class="row">
        <!--为3的栅格系统，相对于一行放四个-->
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
        <div class="col-sm-3">
            <!--img-thumbnail 方形加外边框-->
            <img src="/Images/八镜台.jpg" class="img-thumbnail" alt="八镜台"/>
            <h3>八镜台</h3>
            <p>八境台坐落在江西省赣州市北八境公园内，章江和贡江在这里汇合，为省级重点风景名胜区。</p>
            <p><a href="#" class="btn btn-success" role="button">详细</a></p>
        </div>
    </div>
</div>